<!DOCTYPE html>

<html>
	<head>
		<meta charset="utf-8">
		<title>结算页</title>
		<link rel="stylesheet" type="text/css" href="css/index.css">
		<link rel="stylesheet" type="text/css" href="css/ziy.css">
		<script type="text/javascript" src="js/jquery-1.11.1.min.js"></script>
		<script type="text/javascript" src="js/jquery.SuperSlide.2.1.1.source.js"></script>
	</head>
	<body>
		<!--头部-->
		<div id="header">
			<div class="header-box">
				<h3 class="huany">23215220322 唐铭阳</h3>
				<ul class="header-left">

				</ul>
				<ul class="header-right">
					<li class="denglu dengl_hou">
						<div>
							<a class="red" href="#">Hi~冷冰冰</a>
							<i class="icon_plus_nickname"></i>
							<i class="ci-leftll">
								<s class="jt">◇</s>
							</i>
						</div>
						<div class="dengl_hou_xial_k">
							<div class="zuid_xiao_toux">
								<a href="#"><img src="images/我的订单/头像.png"></a>
							</div>
							<div class="huiy_dengj">
								<a class="tuic_" href="#">退出</a>
							</div>
							<div class="toub_zil_daoh">
								<a href="#">待收货订单</a>
								<a href="gouw_che.html">我的购物车</a>
								<a href="#">个人资料</a>
							</div>
						</div>
					</li>
					<li class="shu"></li>
					<li class="denglu"><a class="ing_ps" href="wod_shouc.html">我的收藏</a></li>
					<li class="shu"></li>
					<li class="denglu"><a class="ing_ps ps1" href="wod_dingd.html">我的订单</a></li>
					<li class="shu"></li>
					<li class="denglu"><a class="ing_ps ps2" href="shengq_shouh.html">售后服务</a></li>
					<li class="shu"></li>
					<li class="shouji bj">
						<a class="ing_ps ps3" href="#">手机醒肤</a>
						<i class="ci-right ">
							<s class="jt">◇</s>
						</i>
						<div class="shouji1">
							<img src="images/我的订单/二维码2.jpg" class="shouji4">
							<div class="shouji2">
								<p>醒肤客户端</p>
								<p class="red">首次下单满99元，送99元</p>
							</div>
							<div class="yi">
								<img src="images/我的订单/二维码2.jpg" class="shouji4">
								<div class="er">
									<p>醒肤微信公众号</p>
									<p class="red">关注醒肤公众号的积分，换大礼</p>
								</div>
							</div>
						</div>
					</li>
				</ul>
			</div>
		</div>
		<!--提交订单——结算页-->
		<div class="beij_center">
			<div class="dengl_logo">
				<div class="stepflex stepflex_2">
					<dl class="normal done ">
						<dt class="s-num">1</dt>
						<dd class="s-text">1.我的购物车<s></s><b></b></dd>
					</dl>
					<dl class="normal doing">
						<dt class="s-num">2</dt>
						<dd class="s-text">2.填写核对订单信息<s></s><b></b></dd>
					</dl>
					<dl class="normal ">
						<dt class="s-num">3</dt>
						<dd class="s-text">3.成功提交订单<s></s><b></b></dd>
					</dl>
				</div>
			</div>
		</div>
		<div class="beij_center">
			<div class="checkout-tit">
				<span class="tit-txt">填写并核对订单信息</span>
			</div>
			<div class="checkout_steps">
				<div class="step-tit">
					<h3>收货人信息</h3>
					<div class="extra_r">
						<a href="#" class="ftx-05 J_consignee_global">新增收货地址</a>
					</div>
				</div>
				<div class="jies_y_shouh_diz shiq_1">
					<ul>
						<li class="cur">
							<div class="dangq_xuanz_diz">当前地址</div>
							<span>冷冰冰</span>
							<span>广东 佛山 狮山镇 XXXXXXXX</span>
							<span>130****2337</span>
							<div class="bianji_yv_shanc">
								<a href="#">设为默认</a>
								<a href="#">编辑</a>
							</div>
						</li>
					</ul>
				</div>
				<div class="jies_y_shouh_diz shiq_2">
					<ul>
						<li class="zhif_fangs cur">
							<div class="dangq_xuanz_diz">醒肤快递</div>
						</li>

					</ul>
				</div>
				<div class="step-tit">
					<h3>送货清单</h3>
					<div class="extra_r">
						<a href="#" class="ftx-05 J_consignee_global">价格说明</a>
						<a href="#" class="ftx-05 J_consignee_global">返回修改购物车</a>
					</div>
				</div>
				<div class="shopping_list">
					<div class="dis_modes">
						<div class="mode_item_tit">
							<h4>付款方式</h4>
						</div>
						<div>
							<div class="jies_y_shouh_diz jies_y_shouh_diz_kuaid">
								<ul>
									<li class="zhif_fangs cur">
										<div class="dangq_xuanz_diz">在线支付</div>
									</li>
									<li class="zhif_fangs">
										<div class="dangq_xuanz_diz">货到付款</div>
									</li>
								</ul>
							</div>
						</div>
						<div class="peis_shij">
							<p>配送时间： </p><span>工作日、双休日与节假日均可送货</span>
						</div>
						<div class="maij_liuy">
							<p>给商家留言</p>
							<input type="text" value="">
						</div>
					</div>
					<div class="goods_list">
						<div class="goods_list_neik">
							<h4 class="vendor_name_h">彼得罗夫旗舰店</h4>
							<div class="goods_item">
								<div class="p_img"><a href="#"><img src="images/提交订单/彼得罗夫.jpg"></a></div>
								<div class="goods_msg">
									<div class="p_name">
										<a href="#">彼得罗夫水漾透明质酸云朵面霜 50ml </a>
									</div>
									<div class="p_price">
										<span class="jq_price">¥391.50</span>
										<span>x1</span>
										<span>有货</span>
										<span>0.050kg</span>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="fap_beij">
					<div class="step-tit">
						<h3>发票信息</h3>
					</div>
					<div class="kaif_p">
						<span>普通发票（电子)</span>
						<span>个人</span>
						<span> 明细 </span>
						<span> <a href="#">修改</a> </span>
					</div>
				</div>
			</div>
			<!--收费明细-->
			<div class="order_summary">
				<div class="qianq_mx">
					<div class="jiaq_meih">
						<span class="xiangq_leib"><em class="goumai_ges">1</em> 件商品，总商品金额：</span>
						<em class="goum_zongj">¥391.50</em>
					</div>
					<div class="jiaq_meih">
						<span class="xiangq_leib">积分：</span>
						<em class="goum_zongj">39.15</em>
					</div>
					<div class="jiaq_meih">
						<span class="xiangq_leib">运费：</span>
						<em class="goum_zongj">￥00.00</em>
					</div>
					<div class="jiaq_meih">
						<span class="xiangq_leib">服务费：</span>
						<em class="goum_zongj">￥00.00</em>
					</div>
				</div>
			</div>
			<div class="trade_foot_detail_com">
				<div class="dsgs">
					<div class="qianq_mx">
						<div class="jiaq_meih">
							<span class="xiangq_leib"> 应付总额：</span>
							<em class="goum_zongj zhongf_jine">¥391.50</em>
						</div>
					</div>
				</div>
				<div class="zuiz_diz">
					<span>寄送至： 广东 佛山 狮山镇 XXXXXXXX</span>
					<span> 收货人：冷冰冰 130****2337</span>
				</div>
			</div>
			<div class="tij_dingd_ann">
				<a href="success.html" class="submit-order-btn">提交订单</a>
			</div>
		</div>
		<!--底部-->
		<div class="dib_beij">
			<div class="dib_jvz_beij">
				<div class="shangp_baoz">
					<p>追溯源头&nbsp;&nbsp;购物无忧</p>
					<p class="beng1">假一赔十&nbsp;&nbsp;正品保证</p>
					<p class="beng2">低价实惠&nbsp;&nbsp;帮你省钱</p>
					<p class="beng3">闪电直发&nbsp;&nbsp;专业配送</p>
				</div>
				<div class="zhongj_youx">
					<div class="lieb_daoh">
						<h4>物流配送</h4>
						<ul>
							<li><a href="#">配送查询</a></li>
							<li><a href="#">配送服务</a></li>
							<li><a href="#">配送费用</a></li>
							<li><a href="#">配送时效</a></li>
							<li><a href="#">签收与验货</a></li>
						</ul>
					</div>
					<div class="lieb_daoh">
						<h4>支付与账户</h4>
						<ul>
							<li><a href="#">货到付款</a></li>
							<li><a href="#">在线支付</a></li>
							<li><a href="#">账户安全</a></li>
						</ul>
					</div>
					<div class="lieb_daoh">
						<h4>购物帮助</h4>
						<ul>
							<li><a href="#">购物保障</a></li>
							<li><a href="#">购物流程</a></li>
							<li><a href="#">联系我们</a></li>
						</ul>
					</div>
					<div class="lieb_daoh">
						<h4>售后服务</h4>
						<ul>
							<li><a href="#">退换货服务</a></li>
							<li><a href="#">退款说明</a></li>
						</ul>
					</div>
					<div class="lieb_daoh">
						<div class="kef_dianh">
							<p>客服电话</p><span>400-1009-727</span>
						</div>
						<div class="kef_dianh kef_dianh_youx">
							<p>意见收集邮箱</p>
							<p>199384884@.com</p>
						</div>
					</div>
					<div class="lieb_daoh lieb_daoh_you">
						<div class="erw_ma_beij">
							<div class="erw_m">
								<h1><img src="images/我的订单/二维码2.jpg" style="width: 127px; height: 127px;"></h1>
								<span>扫码下载醒肤客户端</span>
							</div>
							<div class="erw_m">
								<h1><img src="images/我的订单/二维码2.jpg" style="width: 127px; height: 127px;"></h1>
								<span>扫码下载醒肤客户端</span>
							</div>
						</div>
					</div>
				</div>
				<div class="beia_hao">
					<p>粤ICP备：20219999号 粤ICP证：22-20200727号 </p>
					<p class="gonga_bei">粤公网安备：7271999002737910号</p>
					<div class="renz_">
						<span></span>
						<span class="span1"></span>
						<span class="span2"></span>
						<span class="span3"></span>
					</div>
				</div>
			</div>
		</div>
	</body>
</html>
